<template>
  <div class="w-full h-full unselectable">
    <Suspense>
      <headscreen class="z-[4] h-[84px] px-[20px] fixed top-0 w-full"/>
    </Suspense>
    <!-- <img src="@/assets/datatheme/themea/hebgimg.png" alt=""> -->
    <div class="h-[100px] w-full headimg z-[1] fixed top-0" :class="getDataImg('headbg')"
    >
    </div>
    <Suspense>
      <!-- 具有深层异步依赖的组件 -->
      <contentscreen/>
    </Suspense>

  </div>
</template>
<script setup lang="ts">
import { getDataImg } from "@/utils/data-themset"
import headscreen from "./layoutscrreen/head/index.vue"
import contentscreen from "./layoutscrreen/contentscrreen/index.vue"
// import HeadBg from "@/assets/screenimg/head_bg.svg"
</script>
<style lang="scss" scoped>
.headimg {
  // background-image: url("@/assets/screenimg/headbgimg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.unselectable {
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* 标准语法 */
}
</style>
